<template>
  <div class="PalyingHead"
       @click="go('BuyVip')"
       :style="{backgroundColor:Styles.mode===2?'rgba(56,56,61,1)':'#fff7d6',color:Styles.mode===2?'#fff':'#ff8400'}">
    <i class="iconfont icon-tongzhi"></i>
    <p>{{text}}</p><i class="iconfont icon-jiantou"></i>
  </div>
</template>

<script>
  export default {
    name: "index",
    props: ['text', 'Styles'],
    data: function () {
      this.$route.query
      return {
        Style: {}
      }
    },
    methods: {
      go: function (name, obj) {
        this.$router.push({
          name: name,
          query: obj || {}
        })
      }
    }
  }
</script>

<style scoped>
  @import "./css/index.css";
</style>
